<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Galleria Classic Theme</title>
        <style>

            /* Demo styles */
/*            html,body{background:#222;margin:0;}
            body{border-top:4px solid #000;}
           .content{color:#777;font:12px/1.4 "helvetica neue",arial,sans-serif;width:620px;margin:20px auto;} 
            h1{font-size:12px;font-weight:normal;color:#ddd;margin:0;}
            p{margin:0 0 20px}
            a {color:#22BCB9;text-decoration:none;}
            .cred{margin-top:20px;font-size:11px;}
*/
            /* This rule is read by Galleria to define the gallery height: */
            

        </style>
<style>		
 #galleria{height:600px; width:100%;} 
.galleria-image img { -moz-border-radius: 15px; -webkit-border-radius: 15px;
-moz-box-shadow: 30px #999;	-webkit-box-shadow: 30px #999; width:100%}
.galleria-image img{height:10px;}
</style>
        <!-- load jQuery -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">!window.jQuery && document.write('<script src="http://code.jquery.com/jquery-1.7.1.min.js"><\/script>')</script>
<script type="text/javascript">!window.jQuery && document.write('<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.min.js"><\/script>')</script>
<script type="text/javascript">!window.jQuery && document.write('<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.7.1/jquery.min.js"><\/script>')</script>


        <!-- load Galleria -->
<script src="../../galleria-1.2.9.min.js"></script>
<script>if (typeof Galleria !== 'function') {  document.write('<script src="http://cdnjs.cloudflare.com/ajax/libs/galleria/1.2.9/galleria.min.js"><\/script>')  }</script> 
<script>if (typeof Galleria !== 'function') {  document.write('<script src="https://googledrive.com/host/0B23aKHpQgHz_ZWxXbG9DZTdvOUU/galleria-1.2.9.min.js"><\/script>')  }</script>

<script src='https://raw.github.com/aiaio/galleria-facebook/master/facebook/galleria.facebook.js'></script>	
<script>if (typeof Galleria.Facebook !== 'function') {document.write('<script src="https://googledrive.com/host/0B23aKHpQgHz_ZWxXbG9DZTdvOUU/galleria.facebook.js"><\/script>');}</script>

<script src='galleria.classic.min.js'></script> 
<link rel="stylesheet" type="text/css" href="galleria.classic.css" />
<div class="galleria-container" style="visibility:hidden"></div>
<script>if($('.galleria-container').css('overflow') !=='hidden'){document.write('<script src="http://cdnjs.cloudflare.com/ajax/libs/galleria/1.2.9/themes/classic/galleria.classic.min.js"><\/script><link rel="stylesheet" type="text\/css" href="http:\/\/cdnjs.cloudflare.com\/ajax\/libs\/galleria\/1.2.9\/themes\/classic\/galleria.classic.css" \/>');}</script>
<script>if($('.galleria-container').css('overflow') !=='hidden'){document.write('<script src="https://googledrive.com/host/0B23aKHpQgHz_ZWxXbG9DZTdvOUU/galleria.classic.js"><\/script><link rel="stylesheet" type="text\/css" href="https://googledrive.com/host/0B23aKHpQgHz_ZWxXbG9DZTdvOUU/galleria.classic.css" \/>');}</script>

    </head>
<body>
    <div class="content">
        <h1>Galleria Classic Theme</h1>
        <p>Demonstrating a basic gallery example.</p>

        <!-- Adding gallery images. We use resized thumbnails here for better performance, but it’s not necessary -->

        <div id="galleria">
            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/a/a2/Biandintz_eta_zaldiak_-_modified2.jpg/800px-Biandintz_eta_zaldiak_-_modified2.jpg">
                <img 
                    src="http://upload.wikimedia.org/wikipedia/commons/thumb/a/a2/Biandintz_eta_zaldiak_-_modified2.jpg/100px-Biandintz_eta_zaldiak_-_modified2.jpg",
longdesc="http://google.com"                    
                    
                    
                >
            </a>
            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/6/6c/Athabasca_Rail_at_Brule_Lake.jpg/800px-Athabasca_Rail_at_Brule_Lake.jpg">
                <img 
                    src="http://upload.wikimedia.org/wikipedia/commons/thumb/6/6c/Athabasca_Rail_at_Brule_Lake.jpg/100px-Athabasca_Rail_at_Brule_Lake.jpg",
                    
                    
                    
                >
            </a>
            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/1/1f/Back-scattering_crepuscular_rays_panorama_1.jpg/1280px-Back-scattering_crepuscular_rays_panorama_1.jpg">
                <img 
                    src="http://upload.wikimedia.org/wikipedia/commons/thumb/1/1f/Back-scattering_crepuscular_rays_panorama_1.jpg/100px-Back-scattering_crepuscular_rays_panorama_1.jpg",
                    
                    
                    
                >
            </a>
            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/7/75/Interior_convento_3.jpg/800px-Interior_convento_3.jpg">
                <img 
                    src="http://upload.wikimedia.org/wikipedia/commons/thumb/7/75/Interior_convento_3.jpg/120px-Interior_convento_3.jpg",
                    
                    
                    
                >
            </a>
            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/6/6b/Oxbow_Bend_outlook_in_the_Grand_Teton_National_Park.jpg/800px-Oxbow_Bend_outlook_in_the_Grand_Teton_National_Park.jpg">
                <img 
                    src="http://upload.wikimedia.org/wikipedia/commons/thumb/6/6b/Oxbow_Bend_outlook_in_the_Grand_Teton_National_Park.jpg/100px-Oxbow_Bend_outlook_in_the_Grand_Teton_National_Park.jpg",
                    
                    
                    
                >
            </a>
            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/c/c9/Hazy_blue_hour_in_Grand_Canyon.JPG/800px-Hazy_blue_hour_in_Grand_Canyon.JPG">
                <img 
                    src="http://upload.wikimedia.org/wikipedia/commons/thumb/c/c9/Hazy_blue_hour_in_Grand_Canyon.JPG/100px-Hazy_blue_hour_in_Grand_Canyon.JPG",
                    
                    
                    
                >
            </a>
            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/f/f4/2909_vallon_moy_res.jpg/800px-2909_vallon_moy_res.jpg">
                <img 
                    src="http://upload.wikimedia.org/wikipedia/commons/thumb/f/f4/2909_vallon_moy_res.jpg/100px-2909_vallon_moy_res.jpg",
                    
                    
                    
                >
            </a>
            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/4/46/Bohinjsko_jezero_2.jpg/800px-Bohinjsko_jezero_2.jpg">
                <img 
                    src="http://upload.wikimedia.org/wikipedia/commons/thumb/4/46/Bohinjsko_jezero_2.jpg/100px-Bohinjsko_jezero_2.jpg",
                    
                    
                    
                >
            </a>
            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/3/32/Bowling_Balls_Beach_2_edit.jpg/800px-Bowling_Balls_Beach_2_edit.jpg">
                <img 
                    src="http://upload.wikimedia.org/wikipedia/commons/thumb/3/32/Bowling_Balls_Beach_2_edit.jpg/100px-Bowling_Balls_Beach_2_edit.jpg",
                    
                    
                    
                >
            </a>
        </div>

       
    </div>

    <script>

    // Load the classic theme
//    Galleria.loadTheme('galleria.classic.min.js');

    // Initialize Galleria
Galleria.run('#galleria',{
/*width: 800,
height: 900,*/
transition: 'fade',
lightbox: true,
thumbnails: true,
autoplay: true});

    </script>

    </body>
</html>